<!--
 * @Description:
 * @Autor: xinsang
 * @Date: 2020-11-06 13:58:39
 * @LastEditors: zhangqj
 * @LastEditTime: 2021-03-19 09:14:13
-->
<template>
  <div class="hj-home">
    <NavHeader class="header_top" />
    <div class="new-container" style="margin-top: 70px">
      <Lazy :time="500">
        <FourImage />
        <AnchorSwiper />
        <FirstBlock class=" hot" />
        <DataPlatform class="hot " />
        <HotList :update-time="updateTime" class="hot" />
      </Lazy>
    </div>
  </div>
</template>

<script>
import HotList from './components/HotList'
import NavHeader from './components/NavHeader'
import FourImage from './components/FourImage'
import AnchorSwiper from './components/AnchorSwiper'
import DataPlatform from './components/DataPlatform'

import FirstBlock from './components/FirstBlock'

export default {
  metaInfo: {
    title: '星查查 - 直播电商及短视频带货综合服务平台',
    meta: [
      {
        name: 'Keywords',
        content: '直播电商,直播带货,短视频电商,短视频带货'
      },
      {
        name: 'Description',
        content:
          '星查查提供直播带货及短视频电商的货源供应链、大数据分析等服务。为网红主播、供应链商家和MCN机构提供基于淘宝直播电商、抖音及快手短视频带货产业链的一站式解决方案。'
      }
    ]
  },
  components: {
    HotList,
    NavHeader,
    FourImage,
    AnchorSwiper,
    FirstBlock,
    DataPlatform
  },
  data() {
    return {
      gmv: 0,
      updateTime: ''
    }
  },
  created() {
    this.getHomeGmv()
  },
  methods: {
    getHomeGmv() {
      // GMV和更新时间
      this.$home.homeGmv().then(({ data }) => {
        this.gmv = data.gmv
        this.updateTime = data.updateTime
      })
    }
  }
}
</script>

<style scoped lang="scss">
.header_top {
  height: 500px;
  margin: 0;
  line-height: 1;
}
.hj-home {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.hot {
  margin-top: 70px;
}
</style>
